<template>
  <div class='Page_09075712' >
    <div
      v-if='!screenequalxs'
      ref="fasr_pagesticky202526"
      style='position:fixed;    opacity:100%'
      class='fasr_pagesticky202526 tr-pagesticky-top'
    >
      <div
        ref="divheader"
        style='width:100%;    opacity:100%'
        class='divheader tr-div-default'
      >
        <div
          ref="LayoutGrid182321"
          style='width:100%;    opacity:100%;padding: 16px 0;'
          class='LayoutGrid182321 col-sm-12 col-xs-12 row'
          rowGap=''
          columnGap=''
          responsive='pc-mobile-gear'
        >
          <div
            ref="LayoutGrid182538"
            style='align-items:center;    display:flex;    opacity:100%;    justify-content:;'
            class='LayoutGrid182538 row col col-sm-5 col-xs-12 col-8'
            rowGap=''
            columnGap=''
            responsive='pc-mobile-gear'
            items='center'
          >
            <t-button
              ref="fas_btnBackTop"
              style='opacity:100%'
              class='fas_btnBackTop tr-button-icon-text'
              label=''
              icon='fas dx-icon icon-t-arrow-left-outlined'
              hintMode='custom'
              hintMsg="返回"
              :showHint='true'
              @click='fas_btnBackTop_OnClick'
            >
            </t-button>
            <t-label
              ref="fas_template_formName"
              style='padding-left:12px;    opacity:100%'
              class='fas_template_formName tr-label-functitlen'
              valueType='static'
              :showHint='true'
              constValue="出码响应式卡片"
            >
            </t-label>
          </div>
       
        </div>
      </div>
    </div>
    <div
      ref="divbody"
      style='opacity:100%'
      class='divbody tr-div-default'
    >
      <t-form
        ref="fasr_form"
        style='opacity:100%'
        class='fasr_form tr-form-default'
        @loaded='fasr_form_OnLoaded'
        @submit='fasr_form_OnSubmit'
      >
        <div
          ref="basicdiv"
          style='opacity:100%;padding: 40px 0 !important;'
          class='basicdiv tr-div-default'
        >
          <div
            ref="fasr_div248afa"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_div248afa tr-div-form'
          >
            <t-input
              ref="frmCode"
              style='opacity:100%'
              class='frmCode tr-input-form tr-input-editform'
              label="单据编号"
              :clearable='true'
              borderType='borderless'
              :maxLength='128'
              helpPlacement="bottom"
              bgColor='#ffffff'
              placeholder="请输入单据编号"
              labelPosition="top"
              type='text'
              v-model='vardata.Code'
            >
            </t-input>
          </div>
          <div
            ref="fasr_divceb5e2"
            style='max-width:100%;    opacity:100%;    
  opacity:100%'
            class='fasr_divceb5e2 tr-div-form'
          >
            <t-input
              ref="frmName"
              style='opacity:100%'
              class='frmName tr-input-form tr-input-editform'
              label="问题概述"
              :clearable='true'
              borderType='borderless'
              :maxLength='2048'
              helpPlacement="bottom"
              bgColor='#ffffff'
              placeholder="请输入问题概述"
              labelPosition="top"
              type='text'
              v-model='vardata.Name'
            >
            </t-input>
          </div>
          <div
            ref="fasr_div5d68c2"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_div5d68c2 tr-div-form'
          >
            <t-select
              ref="frmState"
              style='opacity:100% ;'
              class='frmState tr-select-enterform tr-input-editform'
              itemsDataSourceType='dynamic'
              label="状态"
              placeholder="请选择状态"
              :clearable='true'
              :useInput='true'
              helpPlacement="bottom"
              :readonly='false'
              requiredMessage="必填不能为空"
              labelPosition="top"
              optionsPosition=""
              :disable='false'
              :visible='true'
              v-model='vardata.State'
              displayField='Name'
              valueField='Code'
              :listDataSource='frmState'
            >
            </t-select>
          </div>
          <div
            ref="fasr_diva50a42"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_diva50a42 tr-div-form'
          >
            <t-input
              ref="frmDocumentType"
              style='opacity:100%'
              class='frmDocumentType tr-input-form tr-input-editform'
              label="单据类型"
              :clearable='true'
              borderType='borderless'
              :maxLength='50'
              helpPlacement="bottom"
              bgColor='#ffffff'
              placeholder="请输入单据类型"
              labelPosition="top"
              type='text'
              v-model='vardata.DocumentType'
            >
            </t-input>
          </div>
          <div
            ref="fasr_div6d53e3"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_div6d53e3 tr-div-form'
          >
            <t-input
              ref="frmAssignTo"
              style='opacity:100%'
              class='frmAssignTo tr-input-form tr-input-editform'
              label="指派给"
              :clearable='true'
              borderType='borderless'
              :maxLength='50'
              helpPlacement="bottom"
              bgColor='#ffffff'
              placeholder="请输入指派给"
              labelPosition="top"
              type='text'
              v-model='vardata.AssignTo'
            >
            </t-input>
          </div>
        
          <div
            ref="fasr_div43c4ab"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_div43c4ab tr-div-form'
          >
            <t-input
              ref="frmNote"
              style='opacity:100%'
              class='frmNote tr-input-form tr-input-editform'
              label="Note"
              :clearable='true'
              borderType='borderless'
              helpPlacement="bottom"
              bgColor='#ffffff'
              placeholder="请输入Note"
              labelPosition="top"
              type='text'
              v-model='vardata.Note'
            >
            </t-input>
          </div>
          <div
            ref="fasr_div2e0201"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_div2e0201 tr-div-form'
          >
            <t-select
              ref="frmProblemCategory"
              style='opacity:100% ;'
              class='frmProblemCategory tr-select-enterform tr-input-editform'
              itemsDataSourceType='dynamic'
              label="问题类别"
              placeholder="请选择问题类别"
              :clearable='true'
              :useInput='true'
              helpPlacement="bottom"
              :readonly='false'
              requiredMessage="必填不能为空"
              labelPosition="top"
              optionsPosition=""
              :disable='false'
              :visible='true'
              v-model='vardata.ProblemCategory'
              displayField='Name'
              valueField='Code'
              :listDataSource='frmProblemCategory'
            >
            </t-select>
          </div>
          <div
            ref="fasr_div5ac9a3"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_div5ac9a3 tr-div-form'
          >
            <t-select
              ref="frmSourceType"
              style='opacity:100% ;'
              class='frmSourceType tr-select-enterform tr-input-editform'
              itemsDataSourceType='static'
              label="来源类型"
              placeholder="请选择来源类型"
              :clearable='true'
              :useInput='true'
              helpPlacement="bottom"
              :readonly='false'
              requiredMessage="必填不能为空"
              labelPosition="top"
              optionsPosition=""
              :disable='false'
              :visible='true'
              v-model='vardata.SourceType'
              :staticItems='[
    {
      "label": "静态数据1",
      "value": 1,
      "icon": "",
      "ID": "534b588c-aa5d-4ba4-a081-40a5a5a6cffb",
      "ValueInfo_label": "Schema.Controls.fasr_select.staticItems.1.label"
    },
    {
      "label": "静态数据2",
      "value": 2,
      "icon": "",
      "ID": "0ce05f0f-4f0b-4235-b404-2a94af787935",
      "ValueInfo_label": "Schema.Controls.fasr_select.staticItems.2.label"
    }
  ]'
            >
            </t-select>
          </div>
          <div
            ref="fasr_div879968"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_div879968 tr-div-form'
          >
            <t-input
              ref="frmSourceTypeCode"
              style='opacity:100%'
              class='frmSourceTypeCode tr-input-form tr-input-editform'
              label="来源类型编号"
              :clearable='true'
              borderType='borderless'
              :maxLength='50'
              helpPlacement="bottom"
              bgColor='#ffffff'
              placeholder="请输入来源类型编号"
              labelPosition="top"
              type='text'
              v-model='vardata.SourceTypeCode'
            >
            </t-input>
          </div>
          <div
            ref="fasr_div962f80"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_div962f80 tr-div-form'
          >
            <t-input
              ref="frmSourceDocumentCode"
              style='opacity:100%'
              class='frmSourceDocumentCode tr-input-form tr-input-editform'
              label="来源单据编号"
              :clearable='true'
              borderType='borderless'
              :maxLength='50'
              helpPlacement="bottom"
              bgColor='#ffffff'
              placeholder="请输入来源单据编号"
              labelPosition="top"
              type='text'
              v-model='vardata.SourceDocumentCode'
            >
            </t-input>
          </div>
          <div
            ref="fasr_div2863f0"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_div2863f0 tr-div-form'
          >
            <t-input
              ref="frmSourceDocumentID"
              style='opacity:100%'
              class='frmSourceDocumentID tr-input-form tr-input-editform'
              label="来源单据ID"
              :clearable='true'
              borderType='borderless'
              :maxLength='50'
              helpPlacement="bottom"
              bgColor='#ffffff'
              placeholder="请输入来源单据ID"
              labelPosition="top"
              type='text'
              v-model='vardata.SourceDocumentID'
            >
            </t-input>
          </div>
          <div
            ref="fasr_dive469e4"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_dive469e4 tr-div-form'
          >
            <t-input
              ref="frmSourceDocumentName"
              style='opacity:100%'
              class='frmSourceDocumentName tr-input-form tr-input-editform'
              label="来源单据名称"
              :clearable='true'
              borderType='borderless'
              :maxLength='50'
              helpPlacement="bottom"
              bgColor='#ffffff'
              placeholder="请输入来源单据名称"
              labelPosition="top"
              type='text'
              v-model='vardata.SourceDocumentName'
            >
            </t-input>
          </div>
          <div
            ref="fasr_divf22d4a"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_divf22d4a tr-div-form'
          >
            <t-select
              ref="frmDetectionMode"
              style='opacity:100% ;'
              class='frmDetectionMode tr-select-enterform tr-input-editform'
              itemsDataSourceType='static'
              label="发现方式"
              placeholder="请选择发现方式"
              :clearable='true'
              :useInput='true'
              helpPlacement="bottom"
              :readonly='false'
              requiredMessage="必填不能为空"
              labelPosition="top"
              optionsPosition=""
              :disable='false'
              :visible='true'
              v-model='vardata.DetectionMode'
              :staticItems='[
    {
      "label": "静态数据1",
      "value": 1,
      "icon": "",
      "ID": "ed246ba5-1baf-4d40-a7c8-ed63a6faf0c0",
      "ValueInfo_label": "Schema.Controls.fasr_select.staticItems.1.label"
    },
    {
      "label": "静态数据2",
      "value": 2,
      "icon": "",
      "ID": "4ac41593-61ef-4abc-b844-ee1336e091ff",
      "ValueInfo_label": "Schema.Controls.fasr_select.staticItems.2.label"
    }
  ]'
            >
            </t-select>
          </div>
          <div
            ref="fasr_diva278c0"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_diva278c0 tr-div-form'
          >
            <t-select
              ref="frmDetectionEnvir"
              style='opacity:100% ;'
              class='frmDetectionEnvir tr-select-enterform tr-input-editform'
              itemsDataSourceType='static'
              label="发现环境"
              placeholder="请选择发现环境"
              :clearable='true'
              :useInput='true'
              helpPlacement="bottom"
              :readonly='false'
              requiredMessage="必填不能为空"
              labelPosition="top"
              optionsPosition=""
              :disable='false'
              :visible='true'
              v-model='vardata.DetectionEnvir'
              :staticItems='[
    {
      "label": "静态数据1",
      "value": 1,
      "icon": "",
      "ID": "1199a54f-8407-454f-9de0-9bade14a872d",
      "ValueInfo_label": "Schema.Controls.fasr_select.staticItems.1.label"
    },
    {
      "label": "静态数据2",
      "value": 2,
      "icon": "",
      "ID": "9c04da2b-c2f9-42cf-93d2-50713c24a80d",
      "ValueInfo_label": "Schema.Controls.fasr_select.staticItems.2.label"
    }
  ]'
            >
            </t-select>
          </div>
          <div
            ref="fasr_divfc2070"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_divfc2070 tr-div-form'
          >
            <t-select
              ref="frmDetectionPhase"
              style='opacity:100% ;'
              class='frmDetectionPhase tr-select-enterform tr-input-editform'
              itemsDataSourceType='static'
              label="发现阶段"
              placeholder="请选择发现阶段"
              :clearable='true'
              :useInput='true'
              helpPlacement="bottom"
              :readonly='false'
              requiredMessage="必填不能为空"
              labelPosition="top"
              optionsPosition=""
              :disable='false'
              :visible='true'
              v-model='vardata.DetectionPhase'
              :staticItems='[
    {
      "label": "静态数据1",
      "value": 1,
      "icon": "",
      "ID": "ec1f1ad3-7db2-4968-8b37-d5fbcb591aca",
      "ValueInfo_label": "Schema.Controls.fasr_select.staticItems.1.label"
    },
    {
      "label": "静态数据2",
      "value": 2,
      "icon": "",
      "ID": "dc4249a2-e6e4-4eff-b5d2-b0ca9f9e9c94",
      "ValueInfo_label": "Schema.Controls.fasr_select.staticItems.2.label"
    }
  ]'
            >
            </t-select>
          </div>
          <div
            ref="fasr_div0c4429"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_div0c4429 tr-div-form'
          >
            <t-select
              ref="frmClient"
              style='opacity:100% ;'
              class='frmClient tr-select-enterform tr-input-editform'
              itemsDataSourceType='static'
              label="客户端平台"
              placeholder="请选择客户端平台"
              :clearable='true'
              :useInput='true'
              helpPlacement="bottom"
              :readonly='false'
              requiredMessage="必填不能为空"
              labelPosition="top"
              optionsPosition=""
              :disable='false'
              :visible='true'
              v-model='vardata.Client'
              :staticItems='[
    {
      "label": "静态数据1",
      "value": 1,
      "icon": "",
      "ID": "323a30cf-34bb-443f-a6cf-f7ed97b0893a",
      "ValueInfo_label": "Schema.Controls.fasr_select.staticItems.1.label"
    },
    {
      "label": "静态数据2",
      "value": 2,
      "icon": "",
      "ID": "356d65ec-1eb4-4361-8511-b7190da257e2",
      "ValueInfo_label": "Schema.Controls.fasr_select.staticItems.2.label"
    }
  ]'
            >
            </t-select>
          </div>
          <div
            ref="fasr_divc1ff2a"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_divc1ff2a tr-div-form'
          >
            <t-input
              ref="frmReproSteps"
              style='opacity:100%'
              class='frmReproSteps tr-input-form tr-input-editform'
              label="重现步骤"
              :clearable='true'
              borderType='borderless'
              helpPlacement="bottom"
              bgColor='#ffffff'
              placeholder="请输入重现步骤"
              labelPosition="top"
              type='text'
              v-model='vardata.ReproSteps'
            >
            </t-input>
          </div>
          <div
            ref="fasr_div63e059"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_div63e059 tr-div-form'
          >
            <t-input
              ref="frmBugReason"
              style='opacity:100%'
              class='frmBugReason tr-input-form tr-input-editform'
              label="问题原因"
              :clearable='true'
              borderType='borderless'
              helpPlacement="bottom"
              bgColor='#ffffff'
              placeholder="请输入问题原因"
              labelPosition="top"
              type='text'
              v-model='vardata.BugReason'
            >
            </t-input>
          </div>
          <div
            ref="fasr_div0d75fd"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_div0d75fd tr-div-form'
          >
            <t-input-number
              ref="frmAgainBugNum"
              style='opacity:100%'
              class='frmAgainBugNum tr-number-div tr-input-editform'
              label="再次出现次数"
              borderType='borderless'
              helpPlacement="bottom"
              :max='100'
              :min='0'
              :step='1'
              :accuracy='0'
              placeholder="请输入再次出现次数"
              labelPosition="top"
              requiredMessage="必填不能为空"
              v-model='vardata.AgainBugNum'
            >
            </t-input-number>
          </div>
          <div
            ref="fasr_diva8c76c"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_diva8c76c tr-div-form'
          >
            <t-input
              ref="frmRepeatBugCode"
              style='opacity:100%'
              class='frmRepeatBugCode tr-input-form tr-input-editform'
              label="重复问题编号"
              :clearable='true'
              borderType='borderless'
              :maxLength='50'
              helpPlacement="bottom"
              bgColor='#ffffff'
              placeholder="请输入重复问题编号"
              labelPosition="top"
              type='text'
              v-model='vardata.RepeatBugCode'
            >
            </t-input>
          </div>
          <div
            ref="fasr_divd50090"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_divd50090 tr-div-form'
          >
            <t-input
              ref="frmFeedBackByID"
              style='opacity:100%'
              class='frmFeedBackByID tr-input-form tr-input-editform'
              label="反馈人ID"
              :clearable='true'
              borderType='borderless'
              :maxLength='50'
              helpPlacement="bottom"
              bgColor='#ffffff'
              placeholder="请输入反馈人ID"
              labelPosition="top"
              type='text'
              v-model='vardata.FeedBackByID'
            >
            </t-input>
          </div>
          <div
            ref="fasr_divb5c215"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_divb5c215 tr-div-form'
          >
            <t-input
              ref="frmFeedBackBy"
              style='opacity:100%'
              class='frmFeedBackBy tr-input-form tr-input-editform'
              label="反馈人"
              :clearable='true'
              borderType='borderless'
              :maxLength='50'
              helpPlacement="bottom"
              bgColor='#ffffff'
              placeholder="请输入反馈人"
              labelPosition="top"
              type='text'
              v-model='vardata.FeedBackBy'
            >
            </t-input>
          </div>
          <div
            ref="fasr_div0a9e44"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_div0a9e44 tr-div-form'
          >
            <t-input
              ref="frmProcessByID"
              style='opacity:100%'
              class='frmProcessByID tr-input-form tr-input-editform'
              label="处理人ID"
              :clearable='true'
              borderType='borderless'
              :maxLength='50'
              helpPlacement="bottom"
              bgColor='#ffffff'
              placeholder="请输入处理人ID"
              labelPosition="top"
              type='text'
              v-model='vardata.ProcessByID'
            >
            </t-input>
          </div>
          <div
            ref="fasr_div257654"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_div257654 tr-div-form'
          >
            <t-input
              ref="frmProcessBy"
              style='opacity:100%'
              class='frmProcessBy tr-input-form tr-input-editform'
              label="处理人"
              :clearable='true'
              borderType='borderless'
              :maxLength='50'
              helpPlacement="bottom"
              bgColor='#ffffff'
              placeholder="请输入处理人"
              labelPosition="top"
              type='text'
              v-model='vardata.ProcessBy'
            >
            </t-input>
          </div>
          <div
            ref="fasr_div1d60ef"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_div1d60ef tr-div-form'
          >
            <t-input
              ref="frmVerifyByID"
              style='opacity:100%'
              class='frmVerifyByID tr-input-form tr-input-editform'
              label="验证人ID"
              :clearable='true'
              borderType='borderless'
              :maxLength='50'
              helpPlacement="bottom"
              bgColor='#ffffff'
              placeholder="请输入验证人ID"
              labelPosition="top"
              type='text'
              v-model='vardata.VerifyByID'
            >
            </t-input>
          </div>
          <div
            ref="fasr_divbe6e27"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_divbe6e27 tr-div-form'
          >
            <t-input
              ref="frmVerifyBy"
              style='opacity:100%'
              class='frmVerifyBy tr-input-form tr-input-editform'
              label="验证人"
              :clearable='true'
              borderType='borderless'
              :maxLength='50'
              helpPlacement="bottom"
              bgColor='#ffffff'
              placeholder="请输入验证人"
              labelPosition="top"
              type='text'
              v-model='vardata.VerifyBy'
            >
            </t-input>
          </div>
          <div
            ref="fasr_divbcf9c5"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_divbcf9c5 tr-div-form'
          >
            <t-input-number
              ref="frmDelayCount"
              style='opacity:100%'
              class='frmDelayCount tr-number-div tr-input-editform'
              label="延期次数"
              borderType='borderless'
              helpPlacement="bottom"
              :max='100'
              :min='0'
              :step='1'
              :accuracy='0'
              placeholder="请输入延期次数"
              labelPosition="top"
              requiredMessage="必填不能为空"
              v-model='vardata.DelayCount'
            >
            </t-input-number>
          </div>
          <div
            ref="fasr_divdf3736"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_divdf3736 tr-div-form'
          >
            <t-date-time
              ref="frmInitPlanFinishDate"
              style='opacity:100%'
              class='frmInitPlanFinishDate tr-datetime-div tr-input-editform'
              label="初始计划完成日期"
              placeholder="请输入初始计划完成日期"
              displayFormatWithDate='YYYY/MM/DD'
              displayFormatWithDateTime='YYYY/MM/DD HH:mm:ss'
              defaultTimeForDateTime='0'
              displayFormatWithTime='HH:mm:ss'
              start='00:00'
              end='23:30'
              step='00:30'
              helpPlacement="bottom"
              labelPosition="top"
              dateType='date'
              v-model='vardata.InitPlanFinishDate'
            >
            </t-date-time>
          </div>
          <div
            ref="fasr_div413120"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_div413120 tr-div-form'
          >
            <t-date-time
              ref="frmActualFinishDateTime"
              style='opacity:100%'
              class='frmActualFinishDateTime tr-datetime-div tr-input-editform'
              label="实际完成时间"
              placeholder="请输入实际完成时间"
              displayFormatWithDate='YYYY/MM/DD'
              displayFormatWithDateTime='YYYY/MM/DD HH:mm:ss'
              defaultTimeForDateTime='0'
              displayFormatWithTime='HH:mm:ss'
              start='00:00'
              end='23:30'
              step='00:30'
              helpPlacement="bottom"
              labelPosition="top"
              dateType='datetime'
              v-model='vardata.ActualFinishDateTime'
            >
            </t-date-time>
          </div>
          <div
            ref="fasr_divabad1b"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_divabad1b tr-div-form'
          >
            <t-input-number
              ref="frmEstimateHours"
              style='opacity:100%'
              class='frmEstimateHours tr-number-div tr-input-editform'
              label="估计工时"
              borderType='borderless'
              helpPlacement="bottom"
              :max='100'
              :min='0'
              :step='1'
              :accuracy='0'
              placeholder="请输入估计工时"
              labelPosition="top"
              requiredMessage="必填不能为空"
              v-model='vardata.EstimateHours'
            >
            </t-input-number>
          </div>
          <div
            ref="fasr_div8dc7f3"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_div8dc7f3 tr-div-form'
          >
            <t-input-number
              ref="frmPlanHours"
              style='opacity:100%'
              class='frmPlanHours tr-number-div tr-input-editform'
              label="计划工时"
              borderType='borderless'
              helpPlacement="bottom"
              :max='100'
              :min='0'
              :step='1'
              :accuracy='0'
              placeholder="请输入计划工时"
              labelPosition="top"
              requiredMessage="必填不能为空"
              v-model='vardata.PlanHours'
            >
            </t-input-number>
          </div>
          <div
            ref="fasr_div1197fa"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_div1197fa tr-div-form'
          >
            <t-input-number
              ref="frmSpentHours"
              style='opacity:100%'
              class='frmSpentHours tr-number-div tr-input-editform'
              label="实际总工时"
              borderType='borderless'
              helpPlacement="bottom"
              :max='100'
              :min='0'
              :step='1'
              :accuracy='0'
              placeholder="请输入实际总工时"
              labelPosition="top"
              requiredMessage="必填不能为空"
              v-model='vardata.SpentHours'
            >
            </t-input-number>
          </div>
          <div
            ref="fasr_div5b19ab"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_div5b19ab tr-div-form'
          >
            <t-date-time
              ref="frmStateChangeTime"
              style='opacity:100%'
              class='frmStateChangeTime tr-datetime-div tr-input-editform'
              label="状态更改时间"
              placeholder="请输入状态更改时间"
              displayFormatWithDate='YYYY/MM/DD'
              displayFormatWithDateTime='YYYY/MM/DD HH:mm:ss'
              defaultTimeForDateTime='0'
              displayFormatWithTime='HH:mm:ss'
              start='00:00'
              end='23:30'
              step='00:30'
              helpPlacement="bottom"
              labelPosition="top"
              dateType='datetime'
              v-model='vardata.StateChangeTime'
            >
            </t-date-time>
          </div>
          <div
            ref="fasr_div6dc559"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_div6dc559 tr-div-form'
          >
            <t-toggle
              ref="frmIsDelete"
              style='opacity:100% ;'
              class='frmIsDelete tr-toggle-enterform tr-input-editform'
              label="是否已删除"
              helpPlacement="bottom"
              labelPosition="top"
              v-model='vardata.IsDelete'
            >
            </t-toggle>
          </div>
          <div
            ref="fasr_div17a8a9"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_div17a8a9 tr-div-form'
          >
            <t-date-time
              ref="frmChangedTime"
              style='opacity:100%'
              class='frmChangedTime tr-datetime-div tr-input-editform'
              label="更改时间"
              placeholder="请输入更改时间"
              displayFormatWithDate='YYYY/MM/DD'
              displayFormatWithDateTime='YYYY/MM/DD HH:mm:ss'
              defaultTimeForDateTime='0'
              displayFormatWithTime='HH:mm:ss'
              start='00:00'
              end='23:30'
              step='00:30'
              helpPlacement="bottom"
              labelPosition="top"
              dateType='datetime'
              v-model='vardata.ChangedTime'
            >
            </t-date-time>
          </div>
          <div
            ref="fasr_divabc7d2"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_divabc7d2 tr-div-form'
          >
            <t-input
              ref="frmChangedBy"
              style='opacity:100%'
              class='frmChangedBy tr-input-form tr-input-editform'
              label="更改人"
              :clearable='true'
              borderType='borderless'
              :maxLength='50'
              helpPlacement="bottom"
              bgColor='#ffffff'
              placeholder="请输入更改人"
              labelPosition="top"
              type='text'
              v-model='vardata.ChangedBy'
            >
            </t-input>
          </div>
          <div
            ref="fasr_divd0326c"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_divd0326c tr-div-form'
          >
            <t-date-time
              ref="frmResponseTime"
              style='opacity:100%'
              class='frmResponseTime tr-datetime-div tr-input-editform'
              label="响应时间"
              placeholder="请输入响应时间"
              displayFormatWithDate='YYYY/MM/DD'
              displayFormatWithDateTime='YYYY/MM/DD HH:mm:ss'
              defaultTimeForDateTime='0'
              displayFormatWithTime='HH:mm:ss'
              start='00:00'
              end='23:30'
              step='00:30'
              helpPlacement="bottom"
              labelPosition="top"
              dateType='datetime'
              v-model='vardata.ResponseTime'
            >
            </t-date-time>
          </div>
          <div
            ref="fasr_divba76fa"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_divba76fa tr-div-form'
          >
            <t-input
              ref="frmResponseBy"
              style='opacity:100%'
              class='frmResponseBy tr-input-form tr-input-editform'
              label="响应人"
              :clearable='true'
              borderType='borderless'
              :maxLength='50'
              helpPlacement="bottom"
              bgColor='#ffffff'
              placeholder="请输入响应人"
              labelPosition="top"
              type='text'
              v-model='vardata.ResponseBy'
            >
            </t-input>
          </div>
          <div
            ref="fasr_div2982a4"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_div2982a4 tr-div-form'
          >
            <t-date-time
              ref="frmAcceptDateTime"
              style='opacity:100%'
              class='frmAcceptDateTime tr-datetime-div tr-input-editform'
              label="承诺时间"
              placeholder="请输入承诺时间"
              displayFormatWithDate='YYYY/MM/DD'
              displayFormatWithDateTime='YYYY/MM/DD HH:mm:ss'
              defaultTimeForDateTime='0'
              displayFormatWithTime='HH:mm:ss'
              start='00:00'
              end='23:30'
              step='00:30'
              helpPlacement="bottom"
              labelPosition="top"
              dateType='datetime'
              v-model='vardata.AcceptDateTime'
            >
            </t-date-time>
          </div>
          <div
            ref="fasr_div3afb8e"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_div3afb8e tr-div-form'
          >
            <t-input
              ref="frmAcceptBy"
              style='opacity:100%'
              class='frmAcceptBy tr-input-form tr-input-editform'
              label="承诺人"
              :clearable='true'
              borderType='borderless'
              :maxLength='50'
              helpPlacement="bottom"
              bgColor='#ffffff'
              placeholder="请输入承诺人"
              labelPosition="top"
              type='text'
              v-model='vardata.AcceptBy'
            >
            </t-input>
          </div>
          <div
            ref="fasr_div143c9f"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_div143c9f tr-div-form'
          >
            <t-date-time
              ref="frmClosedTime"
              style='opacity:100%'
              class='frmClosedTime tr-datetime-div tr-input-editform'
              label="关闭时间"
              placeholder="请输入关闭时间"
              displayFormatWithDate='YYYY/MM/DD'
              displayFormatWithDateTime='YYYY/MM/DD HH:mm:ss'
              defaultTimeForDateTime='0'
              displayFormatWithTime='HH:mm:ss'
              start='00:00'
              end='23:30'
              step='00:30'
              helpPlacement="bottom"
              labelPosition="top"
              dateType='datetime'
              v-model='vardata.ClosedTime'
            >
            </t-date-time>
          </div>
          <div
            ref="fasr_divf4e560"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_divf4e560 tr-div-form'
          >
            <t-input
              ref="frmClosedBy"
              style='opacity:100%'
              class='frmClosedBy tr-input-form tr-input-editform'
              label="关闭人"
              :clearable='true'
              borderType='borderless'
              :maxLength='50'
              helpPlacement="bottom"
              bgColor='#ffffff'
              placeholder="请输入关闭人"
              labelPosition="top"
              type='text'
              v-model='vardata.ClosedBy'
            >
            </t-input>
          </div>
          <div
            ref="fasr_divdce47d"
            style='max-width:100%;
     opacity:100%;'
            class='fasr_divdce47d tr-div-form'
          >
            <t-input
              ref="frmTag1"
              style='opacity:100%'
              class='frmTag1 tr-input-form tr-input-editform'
              label="标记1"
              :clearable='true'
              borderType='borderless'
              :maxLength='2048'
              helpPlacement="bottom"
              bgColor='#ffffff'
              placeholder="请输入标记1"
              labelPosition="top"
              type='text'
              v-model='vardata.Tag1'
            >
            </t-input>
          </div>
        </div>
      </t-form>
    </div>
    <div
      v-if='!screenequalxs'
      ref="fasr_pagesticky_fdba69"
      style='position:fixed;    opacity:100%;padding-bottom: 20px !important;background-color: white;'
      class='fasr_pagesticky_fdba69 tr-pagesticky-bottom'
    >
      <div
          v-if='!screenequalxs'
        ref="divpcbtn"
        style='opacity:100%'
        class='divpcbtn tr-div-default divpctitle'
      >
        <t-button
          ref="fas_btnSaveBottom"
          style='margin-right:8px;    opacity:100%'
          class='fas_btnSaveBottom tr-button-primary'
          label="保存"
          icon='fas dx-icon icon-t-save'
          :showHint='true'
          @click='fas_btnSaveBottom_OnClick'
        >
        </t-button>
        <t-button
          ref="fas_btnBackBottom"
          style='opacity:100%'
          class='fas_btnBackBottom tr-button-default'
          label="返回"
          icon='fas dx-icon icon-t-return'
          :showHint='true'
          @click='fas_btnBackBottom_OnClick'
        >
        </t-button>
      </div>
    </div>
   
  </div>
  </template>
  
  <script setup lang="ts">
  import { ref, onBeforeMount, onMounted, computed, onUnmounted} from 'vue'
  const Funcs = window.Funcs;

  const UIControl_Visible = ref(false);
  Funcs.LoadUmdComponentList(['UIControl_CommonAttachment','UIControl_CommonHistory','UIControl_CommonComment']).then(()=>{
    UIControl_Visible.value = true;
  });
  
  const screenWidth = ref(window.innerWidth);
  const updateScreenWidth = () => { 
    const newWidth = window.innerWidth;
    if (1 == 0 || (newWidth < 768 && screenWidth.value >= 768) || (newWidth >= 768 && screenWidth.value < 768)) {
      screenWidth.value = window.innerWidth;
    }
  };
  const screenequalxs = computed(() => screenWidth.value < 768);
  const divheader = ref(null);
  const LayoutGrid182321 = ref(null);
  const LayoutGrid182538 = ref(null);
  const fas_btnBackTop = ref(null);
  const fas_template_formName = ref(null);
  const divbody = ref(null);
  const fasr_form = ref(null);
  const basicdiv = ref(null);
  const fasr_div248afa = ref(null);
  const frmCode = ref(null);
  const fasr_divceb5e2 = ref(null);
  const frmName = ref(null);
  const fasr_div5d68c2 = ref(null);
  const frmState = ref(null);
  const fasr_diva50a42 = ref(null);
  const frmDocumentType = ref(null);
  const fasr_div6d53e3 = ref(null);
  const frmAssignTo = ref(null);
  const fasr_div43c4ab = ref(null);
  const frmNote = ref(null);
  const fasr_div2e0201 = ref(null);
  const frmProblemCategory = ref(null);
  const fasr_div5ac9a3 = ref(null);
  const frmSourceType = ref(null);
  const fasr_div879968 = ref(null);
  const frmSourceTypeCode = ref(null);
  const fasr_div962f80 = ref(null);
  const frmSourceDocumentCode = ref(null);
  const fasr_div2863f0 = ref(null);
  const frmSourceDocumentID = ref(null);
  const fasr_dive469e4 = ref(null);
  const frmSourceDocumentName = ref(null);
  const fasr_divf22d4a = ref(null);
  const frmDetectionMode = ref(null);
  const fasr_diva278c0 = ref(null);
  const frmDetectionEnvir = ref(null);
  const fasr_divfc2070 = ref(null);
  const frmDetectionPhase = ref(null);
  const fasr_div0c4429 = ref(null);
  const frmClient = ref(null);
  const fasr_divc1ff2a = ref(null);
  const frmReproSteps = ref(null);
  const fasr_div63e059 = ref(null);
  const frmBugReason = ref(null);
  const fasr_div0d75fd = ref(null);
  const frmAgainBugNum = ref(null);
  const fasr_diva8c76c = ref(null);
  const frmRepeatBugCode = ref(null);
  const fasr_divd50090 = ref(null);
  const frmFeedBackByID = ref(null);
  const fasr_divb5c215 = ref(null);
  const frmFeedBackBy = ref(null);
  const fasr_div0a9e44 = ref(null);
  const frmProcessByID = ref(null);
  const fasr_div257654 = ref(null);
  const frmProcessBy = ref(null);
  const fasr_div1d60ef = ref(null);
  const frmVerifyByID = ref(null);
  const fasr_divbe6e27 = ref(null);
  const frmVerifyBy = ref(null);
  const fasr_divbcf9c5 = ref(null);
  const frmDelayCount = ref(null);
  const fasr_divdf3736 = ref(null);
  const frmInitPlanFinishDate = ref(null);
  const fasr_div413120 = ref(null);
  const frmActualFinishDateTime = ref(null);
  const fasr_divabad1b = ref(null);
  const frmEstimateHours = ref(null);
  const fasr_div8dc7f3 = ref(null);
  const frmPlanHours = ref(null);
  const fasr_div1197fa = ref(null);
  const frmSpentHours = ref(null);
  const fasr_div5b19ab = ref(null);
  const frmStateChangeTime = ref(null);
  const fasr_div6dc559 = ref(null);
  const frmIsDelete = ref(null);
  const fasr_div17a8a9 = ref(null);
  const frmChangedTime = ref(null);
  const fasr_divabc7d2 = ref(null);
  const frmChangedBy = ref(null);
  const fasr_divd0326c = ref(null);
  const frmResponseTime = ref(null);
  const fasr_divba76fa = ref(null);
  const frmResponseBy = ref(null);
  const fasr_div2982a4 = ref(null);
  const frmAcceptDateTime = ref(null);
  const fasr_div3afb8e = ref(null);
  const frmAcceptBy = ref(null);
  const fasr_div143c9f = ref(null);
  const frmClosedTime = ref(null);
  const fasr_divf4e560 = ref(null);
  const frmClosedBy = ref(null);
  const fasr_divdce47d = ref(null);
  const frmTag1 = ref(null);
  const fasr_pagesticky_fdba69 = ref(null);
  const divpcbtn = ref(null);
  const fas_btnSaveBottom = ref(null);
  const fas_btnBackBottom = ref(null);


  const PageID = ref('c97ebdb4-bc4a-4435-99f2-02ac27bf4a5a');


  let routeParam = TFF.common.api.Url.getParams();
  const skey = TFF.common.api.Url.getUrlQuery('skey');
  if(skey) {
    routeParam  = JSON.parse(TFF.common.storage.LocalStorage.getItem(skey));
  }
    const vardata = ref({});
  async function Page_OnError(e) {
    Funcs.HandleError(e)
  }

  async function fasr_form_OnSubmit(e: any) {
    // 假设 InParam_DataID 是一个 ref，需要先定义或引入

         console.log('fasr_form_OnSubmit',vardata)
      
  }

 
  async function fas_btnSaveBottom_OnClick(e) {
    fasr_form.value.submit();
  }
  async function fas_btnBackTop_OnClick(e) {
    window.history.go(-1);
  }

  
  onBeforeMount(()=>{
  })
  onMounted(async ()=>{
     

    window.addEventListener('resize', updateScreenWidth);
    // 修复：Funcs.GetUrlQuery 不存在，改用 TFF.common.api.Url.getUrlQuery
    const isView = TFF.common.api.Url.getUrlQuery('isView');
    const isEdit = TFF.common.api.Url.getUrlQuery('isEdit');
    const targetStr = localStorage.getItem('Target');
    if (isView && targetStr) {
      vardata.value = JSON.parse(targetStr);
    } else if (isEdit && targetStr) {
      vardata.value = JSON.parse(targetStr);
    }
  })
  onUnmounted(async ()=>{
    window.removeEventListener('resize', updateScreenWidth);
  })
  </script>
  
  <style>
  .Page_09075712{
    padding: 24px 16px;
    background-color: #fff;
  }
  @media screen and (max-width: 767px) {
    .divpcbtn {
     }
  }
  @media screen and (max-width: 767px) {
    .fasr_pagesticky202526 {
     }
  }
  @media screen and (min-width: 768px) {
    .fasr_pagesticky_c05a04 {
     }
  }
  @media screen and (max-width: 767px) {
    .fasr_pagesticky_fdba69 {
     }
  }
  
  @media screen and (min-width: 768px) {
  .filedrawer .q-dialog__inner{ 
      width:450px
  }
  .commentdrawer .q-dialog__inner{
      width:450px
  }
  .historydrawer .q-dialog__inner{
      width:450px
  }
  }
  @media screen and (max-width: 767px) {
  .filedrawer .q-dialog__inner{ 
      width:100% 
  }
  .commentdrawer .q-dialog__inner{
      width:100% 
  }
  .historydrawer .q-dialog__inner{
      width:100% 
  }
  }
  </style>
  
